<template>

  <!--具名插槽 使用<template solt="name"></template>标签包裹住,slot属性对应子组件的solt标签的name属性-->

    <use-solt>
      <Icon type="ios-american-football" />
      <template slot="header">
        <h3>这里是header 的插槽</h3>
      </template>
      哈哈哈
      <template slot="footer">
        <span> 这里是footer 页面 </span>
      </template>
    </use-solt>
</template>

<script>
    import UseSolt from "./use-solt";
    export default {
        name: "view-solt",
      components: {UseSolt}
    }
</script>

<style scoped>

</style>
